<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			li{
				list-style-type: none;
			}
		</style>
	</head>
	<body>
		<div id="app">
			<ul>
				<li v-for="(item) in lesson">
					{{item.name}} - {{item.zhe}} - {{item.price | myCurrency}} {{item.yuan}}
				</li>
			</ul>
		</div>
		<script src="../js/vue.min.js"></script>
		<script type="text/javascript">
			var vm = new Vue({
				el:'#app',
				data:{
					lesson:[
						{name:'苹果',zhe:'促销5折',price:25,yuan:'元'},
						{name:'香蕉',zhe:'促销5折',price:15,yuan:'元'},
						{name:'雪梨',zhe:'促销5折',price:65,yuan:'元'},
						{name:'柑橘',zhe:'促销5折',price:15,yuan:'元'}
					]
				},
				filters:{
					myCurrency: function(price){
						var result = price * 0.5;
						return result;
					}
				}
			})
		</script>
	</body>
</html>
